<!DOCTYPE html>
<html lang="en" style="font-size: 62.5%;">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>personalBlog-小demo</title>
    <link type="text/css" rel="stylesheet" href="../src/css/normalize.css" />
    <link type="text/css" rel="stylesheet" href="../src/css/common.css" />
    <link type="text/css" rel="stylesheet" href="../src/css/demo.css" />
    <link type="text/css" rel="stylesheet" href="../src/css/article.css" />
</head>

<body>
    <!-- 回到顶部---- -->
    <div class="top_wrap type_page">
        <div class="top_box">
            <div class="arrow">♠</div>
            <div class="top">顶部</div>
        </div>
    </div>
    <!-- 回到顶部-end -->

    <!-- 首页面头部模块--- -->
    <header class="header_wrap">
        <!-- 头部版心模块--- -->
        <header class="type_page">
            <!-- 导航栏-1--- -->
            <nav class="nav_left">
                <ul>
                    <li><a href="/personalBlog" target="_self">主页</a></li>
                    <li><a href="./article.html" target="_self">生活日志</a></li>
                    <li><a href="./picture.html" target="_self">相册</a></li>
                </ul>
            </nav>
            <!-- 导航栏-1-end -->
            <!-- logo模块--- -->
            <div class="logo_box">
                <div>
                    <img type="image/jpeg" src="../src/assets/头像.jpg" alt="MyPhoto" />
                </div>
            </div>
            <!-- logo模块-end -->
            <!-- 导航栏-2--- -->
            <nav class="nav_right">
                <ul>
                    <li><a class="a_rise focus" href="./demo.html" target="_self">WebDemo</a></li>
                    <li><a href="./word.html" target="_self">留言板</a></li>
                    <li><a href="./admin.html" target="_blank">后台管理</a></li>
                </ul>
            </nav>
            <!-- 导航栏-2-end -->
        </header>
        <!-- 头部版心模块-end -->

        <!-- 头部背景图--- -->
        <!-- 头部背景图-end -->
    </header>
    <!-- 首页面头部模块-end -->

    <!-- 小demo区域模块--- -->
    <section class="demo_box type_page">
        <div class="cl"></div>
    </section>
    <!-- 小demo区域模块-end -->

    <!-- 背景图片---- -->
    <div class="bcg"></div>
    <!-- 背景图片-end -->

    <script type="text/javascript" src="../src/js/animate_header.js"></script>
    <script type="text/javascript" src="../src/js/demo.js"></script>
    <script type="text/javascript" src="../src/js/article.js"></script>
</body>

</html>